<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="speeddigit">

    <meta name="description" content="speed digit electronics Bootstrap Web Template">
    <meta name="keywords"
        content="electronics ecommerce website template, electronic shop website template,electronics ecommerce website htlm template">
    <title>Single Product - Electrolo </title>
    <link rel="shortcut icon" type="image/jpg" href="assets/img/icon/Fave-icon.png" />

    <!-- =========fontawesome======= -->
    <link rel="stylesheet" href="assets/font/fontawesome/css/all.css">

    <!-- =========bootstrap======= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- =========carousel======= -->
    <link rel="stylesheet" href="assets/css/owlcarousel/owl.carousel.min.css">
    <!-- =========carousel theme======= -->
    <link rel="stylesheet" href="assets/css/owlcarousel/owl.theme.default.min.css">

    <link rel="stylesheet" href="assets/css/jQuery.UI.css">
    <!-- ===========product viewer======= -->
    <!-- ===========rating viewer======= -->
    <link rel="stylesheet" href="assets/css/rating/star-rating.min.css">
    <!-- ===========rating viewer end======= -->
    <link rel="stylesheet" href="assets/css/smoothproducts.css">
    <!-- =========default======= -->
    <link rel="stylesheet" href="assets/css/default.css">
    <!-- =========layouts======= -->
    <link rel="stylesheet" href="assets/css/layouts.css">
    <!-- =========style======= -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- =========responsive======= -->
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>

<body>
    <!-- ==========preloader========= -->
    <div class="preloader" id="spinner">
        <img src="assets/img/icon/preloder.svg" alt="">
    </div>
    <!-- ==========preloader end========= -->
    <div class="body-wrapper">
        <!-- ====HEADER========= -->
        <div class="header">
            <!-- =====top header====== -->
            <div class="top-head">
                <div class="container-fluid custom-padding border-bottom">
                    <div class="head-help">
                        <ul class="help-mail-number">
                            <li>
                                <a href="" class="help-link"><img src="assets/img/icon/bx-support.svg" class="head-icon"
                                        alt="">Helpline: 123-456-789</a>
                            </li>
                            <li>
                                <a href="" class="help-link"><img src="assets/img/icon/mail-outline.svg"
                                        class="head-icon" alt="">info@example.com</a>
                            </li>
                        </ul>
                        <div class="currency-call">
                            <div class="right-head">
                                <ul>
                                    <li>
                                        <a href="order-traking.html" class="call-contact border-end"><img
                                                src="assets/img/icon/Shipping.svg" alt="" class="head-icon">Track your
                                            order</a>
                                    </li>
                                    <li>
                                        <select class="form-select " aria-label="Default select example">
                                            <option selected>$ Dollar</option>
                                            <option value="1">€ Euro</option>
                                            <option value="2">৳ Taka</option>
                                            <option value="3">₹ Rupee</option>
                                        </select>
                                    </li>
                                    <li>
                                        <a href="login.html" class="call-contact border-start">Login/Register <img
                                                src="assets/img/icon/Path-52.svg" alt="" class="head-icon"></a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- =======top header end===== -->
            <div class="main-header">
                <div class="middle-head">
                    <div class="container-fluid custom-padding">
                        <div class="row">
                            <div class="middle-header-flex">
                                <div class="logo">
                                    <a href="index.html" class="logo-link"><img
                                            src="assets/img/logo/Llectrolo-Logo-Red.svg" alt="" class="logo-img"></a>
                                </div>
                                <div class="search-bar">
                                    <div class="input-group search-input">
                                        <input type="text" class="form-control " placeholder="Search a Product">
                                        <div class="input-group-append">
                                            <button class="btn  search-btn" type="button">
                                                <i class="fa fa-search"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="adlc">
                                    <ul class="adlc-menu">
                                        <li>
                                            <a href="compare.html">
                                                <img src="assets/img/icon/suffle.svg" alt="" class="adlc-img">
                                                <span class="count">2</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="wishlist.html">
                                                <img src="assets/img/icon/heart.svg" alt="" class="adlc-img">
                                                <span class="count">0</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" id="cartCardToggle">
                                                <img src="assets/img/icon/shopping-cart.svg" alt="" class="adlc-img">
                                                <span class="count">3</span>
                                            </a>
                                            <div class="cart-dropdown-menu " id="toggleCard">
                                                <div class="card-top-text">
                                                    <span class="card-title">
                                                        CHECKOUT
                                                    </span>
                                                </div>
                                                <ul class="cart-ul-dp">
                                                    <li class="cart-item">
                                                        <div class="cart-left-sec">
                                                            <img src="assets/img/product/dron.png" alt=""
                                                                class="cart-product-img">
                                                            <div class="name-rating">
                                                                <h3 class="cart-product-name">High Security Long..</h3>
                                                                <div class="qe-price">
                                                                    Quantity: 3 X <span class="price">$425</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="cart-remove-btn">
                                                            <a href="" class="remove-cart"> <img
                                                                    src="assets/img/icon/x-mark.svg" alt=""> </a>
                                                        </div>
                                                    </li>
                                                    <li class="cart-item">
                                                        <div class="cart-left-sec">
                                                            <img src="assets/img/product/iphone_12_PNG3.png  " alt=""
                                                                class="cart-product-img">
                                                            <div class="name-rating">
                                                                <h3 class="cart-product-name">Radices Educational ...
                                                                </h3>
                                                                <div class="qe-price">
                                                                    Quantity: 9 X <span class="price">$438</span>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="cart-remove-btn">
                                                            <a href="" class="remove-cart"> <img
                                                                    src="assets/img/icon/x-mark.svg" alt=""> </a>
                                                        </div>
                                                    </li>
                                                    <li class="cart-item">
                                                        <div class="cart-left-sec">
                                                            <img src="assets/img/product/klipartz.com.png" alt=""
                                                                class="cart-product-img">
                                                            <div class="name-rating">
                                                                <h3 class="cart-product-name">Bluck Ultra Music... </h3>
                                                                <div class="qe-price">
                                                                    Quantity: 2 X <span class="price">$233</span>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="cart-remove-btn">
                                                            <a href="" class="remove-cart"> <img
                                                                    src="assets/img/icon/x-mark.svg" alt=""> </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <div class="cart-btn-sec">
                                                    <a href="cart.html" class="custom-btn-alt">View Cart</a>
                                                    <a href="checkout.html" class="custom-btn">Check Out</a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="last-nav-sec border-bottom">
                    <div class="container-fluid custom-padding">
                        <div class="row align-items-center">
                            <div class="col-md-2">
                                <ul class="last-nav w-100">
                                    <li class="last-list  w-100 p-0 m-0"><a href="#" class="last-list-link cus-bg"
                                            id="category-parent">All category <img src="assets/img/icon/bars.svg"
                                                class="cat-toggle-bars" alt=""></a>
                                        <ul class="category-top-menu">
                                            <li class="category-list">
                                                <a href="" class="cat-link"><span class="left-menu"><img
                                                            src="assets/img/icon/accessory.svg" alt=""
                                                            class="cat-icon">Accessories</span> <span
                                                        class="fas fa-chevron-right"></span></a>
                                                <div class="sub-cat">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Computers & Accessories:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Computers & Accessories</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Laptops, Desktops &
                                                                        Monitors</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Printers & Ink</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Networking & Internet
                                                                        Devices</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Computer Accessories</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Cameras & Photography:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Lenses</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Camera Accessories</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Security & Surveillance</a>
                                                                </li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Binoculars & Telescopes</a>
                                                                </li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Camcorders</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Mobiles & Tablets:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Mobile Phones</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Smartphones</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Refurbished Mobiles</a></li>
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Mobile Accessories</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Cases & Covers</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Movies & TV Shows:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Movies & TV Shows</a></li>
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        English</a></li>
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Hindi</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Video Games:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">PC
                                                                        Games</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Consoles</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Accessories</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Music:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Music</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Indian Classical</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Musical Instruments</a></li>
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Watches</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Headphones</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img
                                                            src="assets/img/icon/notebook-computer.svg" alt=""
                                                            class="cat-icon">Laptop</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/Smartphone.svg"
                                                            alt="" class="cat-icon">Mobile</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/tv.svg" alt=""
                                                            class="cat-icon">TV & LG</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/headphone.svg"
                                                            alt="" class="cat-icon">headphone</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/camera.svg" alt=""
                                                            class="cat-icon">camera</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/watch.svg" alt=""
                                                            class="cat-icon">watch</span><span
                                                        class="fas fa-chevron-right"></span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/microphone.svg"
                                                            alt="" class="cat-icon">microphone</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/lighting.svg" alt=""
                                                            class="cat-icon">lighting</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/speaker.svg" alt=""
                                                            class="cat-icon">speaker</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/cctv.svg" alt=""
                                                            class="cat-icon">Security</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/gaming.svg" alt=""
                                                            class="cat-icon">Xbox</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/mouse.png" alt=""
                                                            class="cat-icon">Mouse </span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/tools.jpg" alt=""
                                                            class="cat-icon">Tools</span></a></li>
                                        </ul>
                                    </li>

                                </ul>
                            </div>
                            <div class="col-md-10">
                                <ul class="last-nav">
                                    <li class="last-list"><a href="index.html" class="last-list-link">Home</a></li>
                                    <li class="last-list"><a href="cat-by-product-col-4.html"
                                            class="last-list-link">shop</a></li>
                                    <li class="last-list"><a href="blog.html" class="last-list-link">Blog</a></li>
                                    <li class="last-list"><a href="about.html" class="last-list-link">About</a></li>
                                    <li class="last-list"><a href="#" class="last-list-link">Pages</a>
                                        <div class="top-dp-category">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <h3 class="cat-title">
                                                        Home Page:
                                                    </h3>
                                                    <ul class="sub-cat-ul">
                                                        <li class="sub-cat-list"><a href="index.html"
                                                                class="sub-link">Home 1</a></li>
                                                        <li class="sub-cat-list"><a href="home-2.html"
                                                                class="sub-link">Home 2</a></li>
                                                        <li class="sub-cat-list"><a href="home-3.html"
                                                                class="sub-link">Home 3</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col-md-4">
                                                    <h3 class="cat-title">
                                                        Shop Pages:
                                                    </h3>
                                                    <ul class="sub-cat-ul">
                                                        <li class="sub-cat-list"><a href="single-product.html"
                                                                class="sub-link">Single Product</a></li>
                                                        <li class="sub-cat-list"><a href="checkout.html"
                                                                class="sub-link">Checkout</a></li>
                                                        <li class="sub-cat-list"><a href="cart.html"
                                                                class="sub-link">Cart</a></li>
                                                        <li class="sub-cat-list"><a href="cat-by-product-col-4.html"
                                                                class="sub-link">Shop</a></li>
                                                        <li class="sub-cat-list"><a href="wishlist.html"
                                                                class="sub-link">Wishlist</a></li>
                                                        <li class="sub-cat-list"><a href="compare.html"
                                                                class="sub-link">Compare</a></li>
                                                        <li class="sub-cat-list"><a href="order-traking.html"
                                                                class="sub-link">Order Tracking</a></li>
                                                        <li class="sub-cat-list"><a href="order-history.html"
                                                                class="sub-link">Order History</a></li>
                                                        <li class="sub-cat-list"><a href="order-complete.html"
                                                                class="sub-link">Order Complete</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col-md-4">
                                                    <h3 class="cat-title">
                                                        Others Pages:
                                                    </h3>
                                                    <ul class="sub-cat-ul">
                                                        <li class="sub-cat-list"><a href="about.html"
                                                                class="sub-link">About</a></li>
                                                        <li class="sub-cat-list"><a href="faq.html"
                                                                class="sub-link">FAQ</a></li>
                                                        <li class="sub-cat-list"><a href="terms_and_condition.html"
                                                                class="sub-link">Terms & Condition</a></li>
                                                        <li class="sub-cat-list"><a href="blog.html"
                                                                class="sub-link">Blog</a></li>
                                                        <li class="sub-cat-list"><a href="single-blog-post.html"
                                                                class="sub-link">Single Blog Post</a></li>
                                                        <li class="sub-cat-list"><a href="login.html"
                                                                class="sub-link">Login</a></li>
                                                        <li class="sub-cat-list"><a href="registration.html"
                                                                class="sub-link">Registration</a></li>
                                                        <li class="sub-cat-list"><a href="profile.html"
                                                                class="sub-link">Profile</a></li>
                                                        <li class="sub-cat-list"><a href="contact.html"
                                                                class="sub-link">Contact</a></li>
                                                        <li class="sub-cat-list"><a href="404.html"
                                                                class="sub-link">404</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="last-list"><a href="contact.html" class="last-list-link">Contact Us</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ===============================================Footer Nav======================= -->
            <div class="footer__nav">
                <ul class="menus">

                    <li>
                        <a href="cart.html">
                            <i class="fas fa-cart-plus"></i> <span>Cart</span>
                        </a>
                    </li>
                    <li><a href="cat-by-product-col-4.html"><i class="fas fa-qrcode"></i> <span>Category</span></a></li>
                    <li class="active-icon"><a href="index.html"><i class="fas fa-home"></i> <span>Home</span></a></li>
                    <li><a href="wishlist.html"><i class="far fa-heart"></i> <span>Wishlist</span></a></li>
                    <li><a href="profile.html"><i class="far fa-user"></i> <span>Profile</span></a></li>
                </ul>
            </div>
            <!-- ====================================MOBILE NAVIGATION END========================= -->
        </div>
        <!-- ====HEADER END========= -->
        <div class="content-wrapper">
            <!-- ============Track URL=========== -->
            <div class="track-bar">
                <div class="container">
                    <div class="row">
                        <div class="track-list">
                            <ul class="track-ul">
                                <li><a href="" class="track-link">Home</a>></li>
                                <li><a href="" class="track-link">Single Product</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ============Track URL=========== -->

            <!-- =========single product page====== -->
            <section>
                <div class="product-view-sec">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-5">

                                <div class="sp-loading"><img src="assets/img/sp-loading.gif" alt=""><br>LOADING IMAGES
                                </div>
                                <div class="sp-wrap">
                                    <a href="assets/img/product/Watches/13.png"><img
                                            src="assets/img/product/Watches/13.png" alt="" /></a>
                                    <a href="assets/img/product/Watches/10.jpg"><img
                                            src="assets/img/product/Watches/10.jpg" alt="" /></a>
                                    <a href="assets/img/product/Watches/7.jpg"><img
                                            src="assets/img/product/Watches/7.jpg" alt="" /></a>
                                    <a href="assets/img/product/Watches/8.jpg"><img
                                            src="assets/img/product/Watches/8.jpg" alt="" /></a>
                                    <a href="assets/img/product/Watches/3.jpg"><img
                                            src="assets/img/product/Watches/3.jpg" alt="" /></a>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="product-single-details">
                                    <p class="product-cat-s">Watch</p>
                                    <h1 class="product-title">Apple Apple Watch Series 6 GPS, 40mm Gold Aluminum Case
                                        with Pink Sand Sport Band - Regular - Apple</h1>
                                    <div class="rating-review">
                                        <ul class="rating">
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star-half-alt"></span></li>
                                        </ul>
                                        <p class="customer-review">
                                            30 Customer Review
                                        </p>
                                    </div>
                                    <div class="cat-tag">
                                        <p class="category">Categories: <span>Phone, Iphone, Smart Phone</span></p>
                                        <p class="tag">Tags: <span> Android, IPhone 12</span></p>
                                    </div>
                                    <div class="s-price">
                                        <h3>$595.00</h3> <del>525.55</del>
                                    </div>
                                    <div class="stock">
                                        <p>Availability:</p> <span>In Stock</span>
                                    </div>
                                    <div class="product-future">
                                        <ul class="product-future-ul">
                                            <li>
                                                <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                    NETWORK :</p><span>GSM / CDMA / HSPA / EVDO / LTE / 5G</span>
                                            </li>
                                            <li>
                                                <p class="future-strong"><span class="fas fa-arrow-right"></span> MEMORY
                                                    :</p><span>64GB 4GB RAM, 128GB 4GB RAM, 256GB 4GB RAM</span>
                                            </li>
                                            <li>
                                                <p class="future-strong"><span class="fas fa-arrow-right"></span> MAIN
                                                    CAMERA :</p><span>12 MP, f/1.6, 26mm (wide), 1.4µm, dual pixel PDAF,
                                                    OIS 12 MP</span>
                                            </li>
                                            <li>
                                                <p class="future-strong"><span class="fas fa-arrow-right"></span> SELFIE
                                                    CAMERA :</p><span>12 MP, f/2.2, 23mm (wide), 1/3.6" SL 3D,
                                                    (depth/biometrics sensor)</span>
                                            </li>

                                            <li>
                                                <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                    FEATURES :</p><span>Face ID, accelerometer, gyro, proximity,
                                                    compass, barometer Siri </span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="product-color">
                                        <form action="#">

                                            <div class="color" style="background-color: #E0E4CC">
                                                <input type="radio" name="color">
                                                <i class="checkbox-icon"></i>
                                            </div>

                                            <div class="color" style="background-color: #F38630">
                                                <input type="radio" name="color">
                                                <i class="checkbox-icon"></i>
                                            </div>

                                            <div class="color" style="background-color: #FA6900">
                                                <input type="radio" name="color">
                                                <i class="checkbox-icon"></i>
                                            </div>
                                        </form>
                                    </div>


                                    <div class="size d-flex">
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="flexRadioDefault"
                                                id="flexRadioDefault1" checked>
                                            <label class="form-check-label" for="flexRadioDefault1">
                                                XL
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="flexRadioDefault"
                                                id="flexRadioDefault2">
                                            <label class="form-check-label" for="flexRadioDefault2">
                                                XXL
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="flexRadioDefault"
                                                id="flexRadioDefault3">
                                            <label class="form-check-label" for="flexRadioDefault3">
                                                XXXL
                                            </label>
                                        </div>
                                    </div>
                                    <div class="qu-cart-fav">
                                        <form id='myform' method='POST' class='quantity pe-3' action='#'>
                                            <input type='button' value='-' class='qtyminus minus' />
                                            <input type='text' name='quantity' value='0' class='qty' />
                                            <input type='button' value='+' class='qtyplus plus' />
                                        </form>
                                        <div class="d-flex align-items-center margin-align">
                                            <a href="" class="custom-btn me-3">ADD TO CART</a>
                                            <a href="wishlist.html" class="wishlist"><img
                                                    src="assets/img/icon/red-heart.svg" alt="" class="wishlist-img"></a>
                                        </div>
                                    </div>

                                    <div class="product-share">
                                        <p class="share">Share Product :</p>
                                        <ul class="share-product-ul">
                                            <li><a href="" class="social-share-pd"><span
                                                        class="fab fa-facebook-f"></span></a></li>
                                            <li>
                                                <a href="" class="social-share-pd"><span
                                                        class="fab fa-instagram"></span></a>
                                            </li>
                                            <li>
                                                <a href="" class="social-share-pd"><span
                                                        class="fab fa-twitter"></span></a>
                                            </li>
                                            <li>
                                                <a href="" class="social-share-pd"><span
                                                        class="fab fa-pinterest"></span></a>
                                            </li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- ===========product description ======= -->
            <section>
                <div class="product-des-review mt-5">
                    <div class="container">
                        <div class="row">
                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="description-tab" data-bs-toggle="tab"
                                        data-bs-target="#description" type="button" role="tab"
                                        aria-controls="description" aria-selected="true">Description</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="Specification-tab" data-bs-toggle="tab"
                                        data-bs-target="#Specification" type="button" role="tab"
                                        aria-controls="Specification" aria-selected="false">Specification</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="review-tab" data-bs-toggle="tab"
                                        data-bs-target="#review" type="button" role="tab" aria-controls="review"
                                        aria-selected="false">Review</button>
                                </li>
                            </ul>
                            <div class="tab-content p-2" id="myTabContent">
                                <div class="tab-pane fade show active" id="description" role="tabpanel"
                                    aria-labelledby="description-tab">
                                    <ul class="description-ul">
                                        <li class="des-li mt-4">
                                            <h5 class="list-head">Iphone 12 Information</h5>
                                            <p>5G transforms iPhone with accelerated wireless speeds and better
                                                performance on congested networks.5 Now you can download huge files on
                                                the go or stream high-quality HDR movies. Without. All. The. Lag. iPhone
                                                also has the most 5G bands of any smartphone so you get 5G in more
                                                places. And all that speed opens up amazing possibilities for the future
                                                of apps</p>
                                        </li>

                                        <li class="des-li mt-4">
                                            <h5 class="list-head">A 14 Bionic </h5>
                                            <p>A14 Bionic is the first 5-nanometer chip in the industry, with advanced
                                                components literally atoms wide. Forty percent more transistors rev up
                                                speeds while increasing efficiency for great battery life. And a
                                                new ISP powers Dolby Vision recording — something no pro movie camera,
                                                let alone any other phone, can do.</p>
                                        </li>
                                        <li class="des-li mt-4">
                                            <h5 class="list-head">LiDAR Scanner
                                            </h5>
                                            <p>The LiDAR Scanner on iPhone 12 Pro measures how long it takes light to
                                                reflect back from objects, so it can create a depth map of any space
                                                you’re in. Because it’s ultrafast and accurate, AR apps can now
                                                transform
                                                a room into a realistic rainforest or show you exactly how a new sneaker
                                                will fit </p>
                                        </li>
                                        <li class="des-li mt-4">
                                            <h5 class="list-head">Pro Camera System</h5>
                                            <p>Night mode comes to both the Wide and Ultra Wide cameras, and it’s better
                                                than ever at capturing incredible low-light shots. LiDAR makes Night
                                                mode portraits possible. And the Wide camera lets in 27 percent
                                                more light, for greater detail and sharper focus day or night.</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="tab-pane fade" id="Specification" role="tabpanel"
                                    aria-labelledby="Specification-tab">
                                    <p class="table-heading">
                                        Technical Specifications
                                    </p>
                                    <div class="spacification-table">
                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody>
                                                    <tr>
                                                        <td>Brand</td>
                                                        <td>Apple</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Item Height</td>
                                                        <td>18 Millimeters </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Item Width </td>
                                                        <td>31.4 Centimeters </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Screen Size </td>
                                                        <td>13 Inches </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Item Weight </td>
                                                        <td>1.6 Kg </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Product Dimensions </td>
                                                        <td>21.9 x 31.4 x 1.8 cm </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Processor Brand </td>
                                                        <td>Intel</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Processor Type</td>
                                                        <td>Core i5</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Processor Speed</td>
                                                        <td>2.9 GHz</td>
                                                    </tr>
                                                    <tr>
                                                        <td>RAM Size</td>
                                                        <td>8 GB</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Hard Drive Size</td>
                                                        <td>512 GB</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Hard Disk Technology</td>
                                                        <td>Solid State Drive</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Graphics Coprocessor</td>
                                                        <td>Intel Integrated Graphics</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Graphics Card Description</td>
                                                        <td>Integrated Graphics Card</td>
                                                    </tr>


                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="review" role="tabpanel" aria-labelledby="review-tab">
                                    <div class="review mt-3">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="based-review-sec">
                                                    <p class="based-on-review">
                                                        Based on 0 reviews
                                                    </p>
                                                    <div class="avg-rating">
                                                        <span class="avg-rating-number">0.0</span> overall
                                                    </div>
                                                    <div class="rating-histogram">
                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 5 out of 5">
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                </ul>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                <span class="rating-percentage"></span>
                                                            </div>
                                                            <div class="rating-count zero">0</div>
                                                        </div>
                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 5 out of 5">
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                </ul>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                <span class="rating-percentage"></span>
                                                            </div>
                                                            <div class="rating-count zero">0</div>
                                                        </div>
                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 5 out of 5">
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                </ul>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                <span class="rating-percentage"></span>
                                                            </div>
                                                            <div class="rating-count zero">0</div>
                                                        </div>
                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 5 out of 5">
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                </ul>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                <span class="rating-percentage"></span>
                                                            </div>
                                                            <div class="rating-count zero">0</div>
                                                        </div>
                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 5 out of 5">
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="far fa-star"></span></li>
                                                                </ul>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                <span class="rating-percentage"></span>
                                                            </div>
                                                            <div class="rating-count zero">0</div>
                                                        </div>
                                                    </div>


                                                    <div class="review-message mt-5">
                                                        <ul class="review-view">
                                                            <li class="single-review">
                                                                <div class="d-flex align-items-center">
                                                                    <h4 class="rv-user-name">
                                                                        SpeedDigit
                                                                    </h4>
                                                                    <div class="star-rating ms-4"
                                                                        title="Rated 5 out of 5">
                                                                        <ul class="rating">
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>

                                                                <p class="rv-message mt-3">
                                                                    Maximizing your personal audio experience has never
                                                                    been easier than with SONY ZX-Series Monitor
                                                                    headphones. Built with comfort and performance in
                                                                    mind, there's no need to compromise.
                                                                </p>
                                                            </li>
                                                            <li class="single-review">
                                                                <div class="d-flex align-items-center">
                                                                    <h4 class="rv-user-name">
                                                                        Helal Uddin
                                                                    </h4>
                                                                    <div class="star-rating ms-4"
                                                                        title="Rated 5 out of 5">
                                                                        <ul class="rating">
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                            <li class="rating-li"><span
                                                                                    class="fas fa-star"></span></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>

                                                                <p class="rv-message mt-3">
                                                                    Maximizing your personal audio experience has never
                                                                    been easier than with SONY ZX-Series Monitor
                                                                    headphones. Built with comfort and performance in
                                                                    mind, there's no need to compromise.
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </div>


                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="review-form">
                                                    <p class="review-form-title">
                                                        Be the first to review “Wireless Audio System Multiroom 360”
                                                    </p>
                                                    <form action="#" class="mt-5">

                                                        <div class="mb-3 row d-flex align-items-center">
                                                            <label for="staticEmail"
                                                                class="col-sm-2 col-form-label">Your Rating</label>
                                                            <div class="col-sm-10">
                                                                <input id="staticEmail" value="2" type="text"
                                                                    class="rating" data-theme="krajee-fas" data-min=0
                                                                    data-max=5 data-step=0.5 data-size="sm" title="">
                                                            </div>
                                                        </div>
                                                        <div class="mb-3 row">
                                                            <label for="message"
                                                                class="col-sm-2 col-form-label">Message</label>
                                                            <div class="col-sm-10">
                                                                <textarea name="review" id="message"
                                                                    class="form-control" cols="30" rows="3"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="mb-3 row">
                                                            <label for="name"
                                                                class="col-sm-2 col-form-label">Name</label>
                                                            <div class="col-sm-10">
                                                                <input type="text" class="form-control" id="name">
                                                            </div>
                                                        </div>
                                                        <div class="mb-3 row">
                                                            <label for="email"
                                                                class="col-sm-2 col-form-label">Email</label>
                                                            <div class="col-sm-10">
                                                                <input type="text" class="form-control" id="email">
                                                            </div>
                                                        </div>
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="checkbox" value=""
                                                                id="flexCheckChecked" checked>
                                                            <label class="form-check-label" for="flexCheckChecked">
                                                                Checked checkbox
                                                            </label>
                                                        </div>
                                                        <button class="custom-btn">Submit</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- =========single product page end====== -->

            <!-- ==========related- product========= -->
            <div class="related-product mt-5">
                <div class="container">
                    <h4 class="related-pd-sec-head my-4 border-bottom pb-2">
                        View Related Products
                    </h4>
                    <div class="row">
                        <div class="col-md-4 col-lg-3 col-sm-6 p-2">
                            <div class="product-card">

                                <p class="product-new">New</p>
                                <div class="product-img">
                                    <img src="assets/img/product/p-20.png" class="product" alt="">
                                    <a href="" class="quick-view"> <span>
                                            <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                        </span> </a>
                                </div>
                                <div class="product-details">
                                    <a href="single-product.html" class="product-name">Outlet Express - Mega Outlet
                                        Express</a>
                                    <div class="price">
                                        <div class="d-flex">
                                            <p class="current-price">$45.00</p>
                                        </div>
                                        <ul class="rating">
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star-half-alt"></span></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-shop-sec">
                                    <a href="cart.html" class="wishlist"><img src="assets/img/icon/cart-shop.svg" alt=""
                                            class="wishlist-img"></a>
                                    <a href="compare.html" class="wishlist"><img src="assets/img/icon/compayer.svg"
                                            alt="" class="wishlist-img"></a>
                                    <a href="wishlist.html" class="wishlist"><img src="assets/img/icon/red-heart.svg"
                                            alt="" class="wishlist-img"></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-3 col-sm-6 p-2">
                            <div class="product-card">

                                <div class="product-img">
                                    <img src="assets/img/product/Headphone/1.png" class="product" alt="">
                                    <a href="" class="quick-view"> <span>
                                            <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                        </span> </a>
                                </div>
                                <div class="product-details">
                                    <a href="single-product.html" class="product-name">Bakery BT016 Bluetooth
                                        Headphones</a>
                                    <div class="price">
                                        <div class="d-flex">
                                            <p class="current-price">$29.00</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-shop-sec">
                                    <a href="cart.html" class="wishlist"><img src="assets/img/icon/cart-shop.svg" alt=""
                                            class="wishlist-img"></a>
                                    <a href="compare.html" class="wishlist"><img src="assets/img/icon/compayer.svg"
                                            alt="" class="wishlist-img"></a>
                                    <a href="wishlist.html" class="wishlist"><img src="assets/img/icon/red-heart.svg"
                                            alt="" class="wishlist-img"></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-3 col-sm-6 p-2">
                            <div class="product-card">

                                <div class="product-img">
                                    <img src="assets/img/product/Headphone/2.png" class="product" alt="">
                                    <a href="" class="quick-view"> <span>
                                            <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                        </span> </a>
                                </div>
                                <div class="product-details">
                                    <a href="single-product.html" class="product-name">sport headphone Wireless Headset
                                        Bluetooth 4.2 - A</a>
                                    <div class="price">
                                        <div class="d-flex">
                                            <p class="current-price">$16.00</p>
                                        </div>
                                        <ul class="rating">
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star-half-alt"></span></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-shop-sec">
                                    <a href="cart.html" class="wishlist"><img src="assets/img/icon/cart-shop.svg" alt=""
                                            class="wishlist-img"></a>
                                    <a href="compare.html" class="wishlist"><img src="assets/img/icon/compayer.svg"
                                            alt="" class="wishlist-img"></a>
                                    <a href="wishlist.html" class="wishlist"><img src="assets/img/icon/red-heart.svg"
                                            alt="" class="wishlist-img"></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-3 col-sm-6 p-2">
                            <div class="product-card">

                                <p class="product-new">New</p>
                                <div class="product-img">
                                    <img src="assets/img/product/Headphone/3.png" class="product" alt="">
                                    <a href="" class="quick-view"> <span>
                                            <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                        </span> </a>
                                </div>
                                <div class="product-details">
                                    <a href="single-product.html" class="product-name">Bakery BT016 Bluetooth
                                        Headphones</a>
                                    <div class="price">
                                        <div class="d-flex">
                                            <p class="current-price">$11.00</p>
                                            <del class="ps-2">$19.00</del>
                                        </div>
                                        <ul class="rating">
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star-half-alt"></span></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-shop-sec">
                                    <a href="cart.html" class="wishlist"><img src="assets/img/icon/cart-shop.svg" alt=""
                                            class="wishlist-img"></a>
                                    <a href="compare.html" class="wishlist"><img src="assets/img/icon/compayer.svg"
                                            alt="" class="wishlist-img"></a>
                                    <a href="wishlist.html" class="wishlist"><img src="assets/img/icon/red-heart.svg"
                                            alt="" class="wishlist-img"></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-3 col-sm-6 p-2">
                            <div class="product-card">

                                <p class="product-new">New</p>
                                <div class="product-img">
                                    <img src="assets/img/product/Watches/Size-800X800/15.png" class="product" alt="">
                                    <a href="" class="quick-view"> <span>
                                            <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                        </span> </a>
                                </div>
                                <div class="product-details">
                                    <a href="single-product.html" class="product-name">(GPS, 40mm) - Space Gray Aluminum
                                        Case with Black Sport</a>
                                    <div class="price">
                                        <div class="d-flex">
                                            <p class="current-price">$99.00</p>
                                        </div>
                                        <ul class="rating">
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star-half-alt"></span></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-shop-sec">
                                    <a href="cart.html" class="wishlist"><img src="assets/img/icon/cart-shop.svg" alt=""
                                            class="wishlist-img"></a>
                                    <a href="compare.html" class="wishlist"><img src="assets/img/icon/compayer.svg"
                                            alt="" class="wishlist-img"></a>
                                    <a href="wishlist.html" class="wishlist"><img src="assets/img/icon/red-heart.svg"
                                            alt="" class="wishlist-img"></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-3 col-sm-6 p-2">
                            <div class="product-card">

                                <p class="product-new">New</p>
                                <div class="product-img">
                                    <img src="assets/img/product/Watches/Size-800X800/13.png" class="product" alt="">
                                    <a href="" class="quick-view"> <span>
                                            <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                        </span> </a>
                                </div>
                                <div class="product-details">
                                    <a href="single-product.html" class="product-name">Smartwatch 2.0 LTE Wifi
                                        Waterproof</a>
                                    <div class="price">
                                        <div class="d-flex">
                                            <p class="current-price">$99.99</p>
                                        </div>
                                        <ul class="rating">
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star-half-alt"></span></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-shop-sec">
                                    <a href="cart.html" class="wishlist"><img src="assets/img/icon/cart-shop.svg" alt=""
                                            class="wishlist-img"></a>
                                    <a href="compare.html" class="wishlist"><img src="assets/img/icon/compayer.svg"
                                            alt="" class="wishlist-img"></a>
                                    <a href="wishlist.html" class="wishlist"><img src="assets/img/icon/red-heart.svg"
                                            alt="" class="wishlist-img"></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-3 col-sm-6 p-2">
                            <div class="product-card">

                                <div class="product-img">
                                    <img src="assets/img/product/Watches/Size-800X800/2.png" class="product" alt="">
                                    <a href="" class="quick-view"> <span>
                                            <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                        </span> </a>
                                </div>
                                <div class="product-details">
                                    <a href="single-product.html" class="product-name">Smart Watch Men Full Touch Screen
                                        Sport Fitness Watch IP67</a>
                                    <div class="price">
                                        <div class="d-flex">
                                            <p class="current-price">$25.00</p>
                                        </div>
                                        <ul class="rating">
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star"></span></li>
                                            <li class="rating-li"><span class="fas fa-star-half-alt"></span></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-shop-sec">
                                    <a href="cart.html" class="wishlist"><img src="assets/img/icon/cart-shop.svg" alt=""
                                            class="wishlist-img"></a>
                                    <a href="compare.html" class="wishlist"><img src="assets/img/icon/compayer.svg"
                                            alt="" class="wishlist-img"></a>
                                    <a href="wishlist.html" class="wishlist"><img src="assets/img/icon/red-heart.svg"
                                            alt="" class="wishlist-img"></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-3 col-sm-6 p-2">
                            <div class="product-card">

                                <div class="product-img">
                                    <img src="assets/img/product/p-12.png" class="product" alt="">
                                    <a href="" class="quick-view"> <span>
                                            <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                        </span> </a>
                                </div>
                                <div class="product-details">
                                    <a href="single-product.html" class="product-name">Microsoft Xbox Series X/S Robot
                                        White Wireless Controller</a>
                                    <div class="price">
                                        <div class="d-flex">
                                            <p class="current-price">$39.00</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-shop-sec">
                                    <a href="cart.html" class="wishlist"><img src="assets/img/icon/cart-shop.svg" alt=""
                                            class="wishlist-img"></a>
                                    <a href="compare.html" class="wishlist"><img src="assets/img/icon/compayer.svg"
                                            alt="" class="wishlist-img"></a>
                                    <a href="wishlist.html" class="wishlist"><img src="assets/img/icon/red-heart.svg"
                                            alt="" class="wishlist-img"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ============related product end======== -->


            <!-- ===========most viewed product ============ -->
            <div class="container">
                <div class="row">
                    <div class="recently-view-sec mt-5">
                        <div class="sec-title">
                            <h3>Most Viewed Products</h3>
                        </div>
                        <div class="row">

                            <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                <div class="view-product-card">
                                    <div class="view-pd-img">
                                        <img src="assets/img/product/Headphine/4.png" alt="">
                                    </div>
                                    <div class="view-pd-details">
                                        <a href="single-product.html" class="view-product-title">Tribit Wireless
                                            Bluetooth Headphones...</a>
                                        <p class="rs-view-price">$69.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                <div class="view-product-card">
                                    <div class="view-pd-img">
                                        <img src="assets/img/product/p-16.png" alt="">
                                    </div>
                                    <div class="view-pd-details">
                                        <a href="single-product.html" class="view-product-title">APPLE IPHONE 12 MINI
                                            5.4" 128GB RED ITALIA...</a>
                                        <p class="rs-view-price">$49.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                <div class="view-product-card">
                                    <div class="view-pd-img">
                                        <img src="assets/img/product/p-18.png" alt="">
                                    </div>
                                    <div class="view-pd-details">
                                        <a href="single-product.html" class="view-product-title">New Sony FDR-X3000R 4K
                                            Action Sights on GoPro...</a>
                                        <p class="rs-view-price">$145.99</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                <div class="view-product-card">
                                    <div class="view-pd-img">
                                        <img src="assets/img/product/Watches/13.png" alt="">
                                    </div>
                                    <div class="view-pd-details">
                                        <a href="single-product.html" class="view-product-title">Smartwatch 2.0 LTE Wifi
                                            Waterproof...</a>
                                        <p class="rs-view-price">$99.99</p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- =========most viewed product===== -->
        </div>
    </div>
    <!-- ========cat by product end======== -->

    <!-- ======multilayer section start end=========== -->
    <!-- =========partner section======== -->

    <div class="partner-sec my-5">
        <div class="container">
            <div class="row">
                <div class="partner-slider owl-carousel owl-theme">
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/1.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/2.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/3.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/4.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/5.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/6.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- =========partner section end======== -->
    <!-- ========footer section design ========= -->
    <section>
        <footer>
            <div class="top-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 my-2">
                            <div class="singup-letter">
                                <img src="assets/img/icon/mail.svg" alt="" class="letter-icon">
                                <div class="letter-details-sec">
                                    <h2>Sign Up to Newsletter</h2>
                                    <p>
                                        Subscribe our newsletter & get notification about information discount.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 my-2">
                            <div class="subscribe-sec">
                                <form action="#" class="subscribe-form sub-form-bg">
                                    <div class="input-group">
                                        <input type="email" class="form-control subscribe-input"
                                            placeholder="Your Email Address">
                                        <div class="input-group-prepend">
                                            <button class="input-group-text custom-btn">SUBSCRIBE</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- =========main-footer=========== -->
            <div class="main-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6 my-2">
                            <div class="f-logo-sec">
                                <img src="assets/img/logo/Llectrolo-Logo-Red.svg" alt="" class="logo">
                            </div>

                            <p class="footer-des">
                                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                                commodo.
                            </p>
                            <div class="social">
                                <ul class="social-ul">
                                    <li class="social-li"><a href="" class="social-link"><span
                                                class="fab fa-facebook-f"></span></a></li>
                                    <li class="social-li"><a href="" class="social-link"><span
                                                class="fab fa-instagram"></span></a></li>
                                    <li class="social-li"><a href="" class="social-link"><span
                                                class="fab fa-twitter"></span></a></li>
                                    <li class="social-li"><a href="" class="social-link"><span
                                                class="fab fa-pinterest"></span></a></li>
                                </ul>
                            </div>
                            <div class="mobile-app">
                                <a href="">
                                    <img src="assets/img/app-store.png" alt="" class="store-img">
                                </a>
                                <a href=""><img src="assets/img/play-store.png" alt="" class="store-img"></a>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 my-2">
                            <div class="quick-link">
                                <h2 class="foot-sec-title">Quick Links</h2>
                                <ul class="quick-link-ul">
                                    <li class="footer-link"><a href="cat-by-product-col-4.html"
                                            class="footer-menu-link">All Products</a></li>
                                    <li class="footer-link"><a href="#" class="footer-menu-link">Payment Method</a></li>
                                    <li class="footer-link"><a href="terms_and_condition.html"
                                            class="footer-menu-link">Terms and Condition</a></li>
                                    <li class="footer-link"><a href="faq.html" class="footer-menu-link">Faq &
                                            Support</a></li>
                                    <li class="footer-link"><a href="blog.html" class="footer-menu-link">Blog Post</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 my-2">
                            <div class="quick-link">
                                <h2 class="foot-sec-title">Account Info</h2>
                                <ul class="quick-link-ul">
                                    <li class="footer-link"><a href="login.html" class="footer-menu-link">Sign In </a>
                                    </li>
                                    <li class="footer-link"><a href="profile.html" class="footer-menu-link">Shipping
                                            Address</a></li>
                                    <li class="footer-link"><a href="wishlist.html"
                                            class="footer-menu-link">Wishlist</a></li>
                                    <li class="footer-link"><a href="order-history.html" class="footer-menu-link">Order
                                            History</a></li>
                                    <li class="footer-link"><a href="profile.html" class="footer-menu-link">My
                                            Account</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 my-2">
                            <div class="quick-link">
                                <h2 class="foot-sec-title">Contact Us</h2>
                                <ul class="address-sec">
                                    <li><strong>Address:</strong>
                                        <p>Your Address, 1234, Country</p>
                                    </li>
                                    <li><strong>Email:</strong>
                                        <p> info@example.com</p>
                                    </li>
                                    <li><strong>Phone:</strong>
                                        <p>+012-345-6789</p>
                                    </li>
                                    <li><strong>Payment Method</strong></li>
                                    <li class="p-0"><img src="assets/img/logo/cc.png" alt="" class="currency-logo"></li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="last-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="cp-sec">
                                <p>Copyright &copy; 2025 All rights reserved. <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="last-foot-menu">
                                <ul class="ls-foot-menu">
                                    <li><a href="#" class="pvc-link border-end ">Privacy Policy</a></li>
                                    <li><a href="terms_and_condition.html" class="pvc-link ">Terms of Condition</a></li>
                                    <li><a href="#" class="pvc-link border-start ">Sales and Refunds</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </section>
    <!-- ========footer section design end ========= -->




    <!-- ===========jquery========= -->
    <script src="assets/js/jquery.min.js"></script>
    <!-- ===========bootstrap========= -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!-- ===========owl carousel========= -->
    <script src="assets/js/owlcarousel/owl.carousel.min.js"></script>
    <script src="assets/js/jQuery.UI.js"></script>
    <!-- ===========smoothproducts========= -->
    <script src="assets/js/smoothproducts.min.js"></script>
    <!-- ===========rating========= -->
    <script src="assets/js/rating/star-rating.min.js"></script>
    <!-- ===========rating/theme========= -->
    <script src="assets/js/rating/theme.js"></script>
    <!-- ===========main========= -->
    <script src="assets/js/main.js"></script>


</body>

</html>